@mixin cf {
  &:after {
    content: "";
    display: block;
    clear: both;
  }
}

@mixin size($w, $h: "auto") {
  width: $w;
  height: $h;
}

@mixin flexBox($align: center, $just: center, $direction: row) {
  display: flex;
  flex-direction: $direction;
  align-items: $align;
  justify-content: $just;
}

@mixin scrollBar {
  &::-webkit-scrollbar-track-piece {
    // background: #d3dce6;
    background: rgb(250, 250, 250);
  }

  &::-webkit-scrollbar {
    width: 0px;
   
  }

  &::-webkit-scrollbar-thumb {
    // background: #99a9bf;
    background: rgb(192, 187, 181);

    border-radius: 20px;
  }
}

@mixin relative {
  position: relative;
  width: 100%;
  height: 100%;
}

@mixin positionCenter() {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
